import { ImageStyle, ViewStyle } from "react-native"
import { px2dp } from "../../utils"
import { color } from "../../theme"

export const topBackgroundStyle: ImageStyle = {
  flex: 1,
  width: "100%",
  height: px2dp(312)
}

export const betListContainerStyle: ViewStyle = {
  height: px2dp(528),
  width: "100%",
  marginTop: px2dp(-54),
  borderTopLeftRadius: px2dp(14),
  borderTopRightRadius: px2dp(14),
  zIndex: 2,
  backgroundColor: color.palette.red
}

export const chatBottomStyle: ViewStyle = {
  backgroundColor: color.palette.orange,
  width: "100%",
  position: "absolute",
  bottom: 0,
  zIndex: 2
}
